@import '../../../base/sass/mixins';
@import '../../../base/sass/index';
@import '../../../base/sass/px-to-rem';

body{
    background: url('../images/head_bg.png')center top #F63B4A no-repeat;
    background-size: 100%;
}
#app{
    width: 100%;
    height: px2rem(650px);
    margin-top:px2rem(422px);

}
.looter_wrap{
    width: px2rem(650px);
    height: px2rem(650px);
    margin:0 auto;
    position: relative;
    background: url('../images/lottery-bg-gold.gif') no-repeat;
    background-size: 100% 100%;
    position: relative;
    .popup{
        position: absolute;
        width: px2rem(600px);
        height: px2rem(470px);
        background: url('../images/zjl.png') no-repeat;
        background-size: px2rem(600px) px2rem(470px);
        top: px2rem(60px);
        left: 0;
        right: 0;
        margin: auto;
        .popup_title{
            text-align: center;
            margin-top:px2rem(160px);
            font-size: px2rem(40px);
            color: rgb(246,59,74);
        }
        .popup_content{
            text-align: center;
            margin-top:px2rem(35px);
            font-size: px2rem(30px);
            color: rgb(246,59,74); 
        }
        .popup_footer{
            text-align: center;
            margin-top:px2rem(45px);
            font-size: px2rem(20px);
            color: rgb(170,170,170); 
            p{
                font-size: px2rem(20px);
                color: rgb(170,170,170); 
                line-height: px2rem(28px);
            }
        }
    }
    .popup_over{
        background: url('../images/popup_over.png') no-repeat;
        .popup_footer{
            display: none;
        }
    }
}
.footer{
    width: 100%;
    height: px2rem(545px);
    background: url('../images/footer_bg.png') no-repeat center px2rem(-10px);
    background-size: 100%; 
    .footer_title{
        height:px2rem(28px);
        font-size: px2rem(28px);
        i,span{
            display: block;
            float: left;
            height:px2rem(28px); 
        }
        i{
            width: px2rem(292px);
            height:  px2rem(45px);
            background: url('../images/border_title.png') no-repeat;
            background-size: px2rem(292px) px2rem(45px)
        }
        .footer_title_left{
            transform:rotate(180deg)
        }
        span{
            float: left;
            width: px2rem(166px);
            height: px2rem(45px);
            text-align: center;
            display: inline-block;
            font-size: px2rem(28px);
            color: #FFDD96;
        }
    }
    .footer_main{
        width: 100%;
        p{
            line-height: px2rem(45px);
            font-size: px2rem(24px);
            color:rgb(255,221,150);
            text-align: center;
            font-family: 'Microsoft YaHei';
        }
    }
}


// body{
//     background: url(../images/head_bg.png) no-repeat center top #F63B4A;
//     background-size: 100%;
// }

// .banner{
//     position: relative;
//     .img{
//         display: block;
//         width: 100%;
//     }
//     .time{
//         position: absolute;
//         color: #fff;
//         left: 50%;
//         line-height: px2rem(48px);
//         width: px2rem(500px);
//         text-align: center;
//         margin-left: px2rem(-250px);
//         bottom: px2rem(54px);
//         font-size: px2rem(20px);
//     }
// }
// .btn-invite-friends{
//     display: block;
//     height: px2rem(152px);
//     width: px2rem(328px); 
//     margin: px2rem(-40px) auto 0;
//    /*  height: px2rem(182px);
//    width: px2rem(394px);
//    margin: px2rem(-60px) auto 0; */

//     position: relative;
//     z-index: 2;
//     background: url(../images/invite-friends.png) no-repeat;
//     background-size: contain;
// }

// .gift{
//     padding-top: px2rem(18px);
//     margin: px2rem(18px) px2rem(22px) 0;
//     position: relative;

//     border-top: 1px solid #F1B21A;
//     &:before{
//         content: '';
//         position: absolute;
//         left: 0;
//         top: 0;
//         width: 100%;
//         border-top: 1px solid #F6C249;
//         border-bottom: 1px solid #FFDB8E;
//     }
//     .gift-header{
//         &>img{
//             display: block;
//             width: 100%;
//         }
//     }
//     .gift-bodyer{
//         margin-top: -1px;
//         background: #fff;
//         @include border-radius(0 0 8px 8px);
//         padding: px2rem(12px) px2rem(28px) 0;
//         padding-bottom: px2rem(30px);
//         @include border-radius(0 0 16px 16px)
//     }
//     .gift-mark{
//         border:2px solid #fd8100;
//         @include border-radius(16px);
//         border:px2rem(4px) solid #fd8100;
//         text-align: center;
//         line-height: px2rem(64px);
//         color:#ff8920;
//         font-size: px2rem(32px);
//         .num{
//             font-size: px2rem(40px);
//             position: relative;
//             top: px2rem(4px);
//             color:#ff2918;
//             margin: 0 3px;
//         }
//     }
// }

// .gift-first{

//     .gift-mark{
//         font-size: px2rem(24px);
//     }
//     .gift-amount{
//         position: relative;
//         @include display-flex();
//         @include flex(1);
//         padding: px2rem(24px) px2rem(30px) px2rem(16px);
//         background: #FFC750;
//         margin-top: px2rem(22px);
//         @include border-radius(20px);
//         .gift-total{
//             width: px2rem(336px);
//             li{
//                 margin-bottom: px2rem(10px);
//                 background:#ff9c2e;
//                 @include border-radius(200px);
//                 line-height:px2rem(54px);
//                 color:#fff;
//                 padding: 0 px2rem(20px);
//                 @include display-flex();
//                 @include flex(1);
//                 @include justify-content(space-between);
//                 .gift-text{
//                     width: px2rem(178px);
//                     @include text-overflow();
//                     overflow: visible;
//                 }
//                 .gift-num{
//                     width: px2rem(122px);
//                 }
//             }
//             .gift-tips{
//                 text-align: center;
//                 color:#dc000e;
//                 font-size: px2rem(20px);
//                 margin-top: px2rem(-4px);
//             }
//         }

//         .gift-apply{
//             width: px2rem(220px);
//             height: px2rem(128px);
//             margin-left: px2rem(32px);
//             background: url(../images/now-withdraw.png) no-repeat;
//             background-size: 100%;
//             @include tap-highlight-transparent();
//         }

//     }
//     .succ{
//         margin-top: px2rem(34px);
//         .succ-tips{
//             position: relative;
//             width: px2rem(208px);
//             height: px2rem(62px);
//             background: url(../images/succ-tips.png) no-repeat;
//             background-size: 100%;
//             color:#ffffff;
//             line-height: px2rem(48px);
//             text-align:center;
//         }
//         padding-bottom: px2rem(36px);
//     }
//     .pro{
//         position: relative;
//         margin-top: px2rem(6px);
//         ul{
//             position: relative;
//             width: 100%;
//             z-index: 3;
//             height: px2rem(128px);
//             li{
//                 position: absolute;
//                 top: 0;
//                 color:#fd8304;
//                 text-align:center;
//                 width: px2rem(160px);
//                 margin-left: px2rem(-80px);
//                 .pro-rule{
//                     .icon-star{
//                         margin: px2rem(4px) 0;
//                         display: block;
//                         width: 100%;
//                         height: px2rem(40px);
//                         background: url(../images/star-gay.png) no-repeat 50% 50% ;
//                         background-size: contain;
//                     }
//                 }
//                 .pro-rule p{
//                     line-height: px2rem(40px);
//                     height: px2rem(40px);
//                 }

//                 &:first-child{
//                     left: 33.33%;
//                 }
           
//                 &:nth-child(2){
//                     left: 66.67%;
//                 }

//                 &:last-child{
//                     right: 0;
//                     white-space: nowrap;
//                     text-align: right;
//                     .icon-star{
//                         background-position: right 0;
//                     }
//                 }
//                 &.pro-over .icon-star{
//                     background-image: url(../images/star-light.png);
//                 }
//             }
//         }
//         .pro-line{
//             position: absolute;
//             top: 50%;
//             margin-top: px2rem(-6px);
//             overflow: hidden;
//             background:#ffcd6e;
//             width: 100%;
//             height:px2rem(12px);
//             @include border-radius(200px);
//         }
//         .pro-bar{
//             background:#ff5c4f;
//             @include border-radius(200px);
//             width: 0;
//             max-width: 100%;
//             height: 100%;
//         }
//     }
//     .succ-rank{
//         margin-top: px2rem(44px);
//         text-align: center;
//         color:#32231a;
//         .num{
//             color:#ec483e;
//             margin-left: px2rem(8px);
//             margin-right: px2rem(20px);
//         }
//         .links{
//             color:#ff1c0f;
//             margin-left: px2rem(34px);
//         }
//     }
//     .act-desc{
//         background:#fae6ca;
//         border:px2rem(4px) solid #ff9c2e;
//         @include border-radius(20px);
//         color:#bf4f0a;
//         .act-desc-hd{
//             background: #FF9C2E;
//             color:#fff;
//             text-align: center;
//             font-size: px2rem(28px);
//             @include border-radius(0 0 30px 30px);
//             width: px2rem(310px);
//             line-height:px2rem(60px);
//             margin: -1px auto 0;
//         }
//         ul{
//             margin: px2rem(16px) px2rem(18px);
//             padding-bottom: px2rem(8px);
//             li{
//                 margin-top: px2rem(12px);
//                 padding-left: px2rem(60px);
//                 position: relative;
//                 .index{
//                     position: absolute;
//                     left: 0;
//                     top: 50%;
//                     margin-top: px2rem(-20px);
//                     width: px2rem(40px);
//                     height: px2rem(40px);
//                     line-height: px2rem(40px);
//                     margin-right: px2rem(12px);
//                     background:#ff9c2e;
//                     color: #fff;
//                     text-align: center;
//                     @include border-radius(10px);
//                 }
//             }
//         }
//     }
// }



// .gift-second{
//     margin-top: px2rem(40px);
//     .lottery-draw-btn{
//         background:#FFB244;
//         @include border-radius(16px);
//         width:px2rem(460px);
//         height:px2rem(94px);
//         border:px2rem(4px) solid #a54d00;
//         margin: px2rem(40px) auto px2rem(26px);
//         @include tap-highlight-transparent();
//         &>span{
//             display:block;
//             background:#ffdc45;
//             @include border-radius(16px);
//             width:px2rem(460px);
//             height:px2rem(84px);
//             font-size:px2rem(28px);
//             line-height:px2rem(84px);
//             text-align:center;
//             color:#db1b13;
//         }
//     }
//     .invite-tip{
//         margin-bottom: px2rem(26px);
//         color:#f34200;
//         text-align: center;
//     }

//     .pak-num{
//         @include display-flex();
//         @include flex(1);
//         @include justify-content(space-between);

//         li{
//             background: #FFEF93;
//             height: px2rem(112px);
//             width: px2rem(200px);
//             font-size: px2rem(20px);
//             .pak{
//                 position:relative;
//                 float:left;
//                 width: px2rem(80px);
//                 height: px2rem(92px);
//                 margin:px2rem(10px);
//                 box-sizing: border-box;
//                 color:#ffdc45;
//                 padding-top: px2rem(60px);
//                 text-align: center;
//                 margin-right:px2rem(6px);
//                 background: url(../images/red-min-pak.png) no-repeat;
//                 background-size: contain;
//                 .amount{
//                     margin-left: px2rem(-8px);
//                 }
//             }
//             p.text{
//                 margin-top: px2rem(18px);
//                 line-height: 2;
//                 color:#ff423f;
//             }
//         }
//     }

// }


// @keyframes loopScroll{
//     o{
//         transform: translateY(0px);
//     }
//     100%{
//         transform: translateY(-50%);
//     }
// }


// /* 抽奖 */
// .lottery{
//     position: relative;
//     margin-left:px2rem(-14px);
//     margin-right:px2rem(-14px);
//     overflow: hidden;
//     canvas{
//         margin-top: px2rem(24px);
//         width: 100%;
//         height: px2rem(680px);
//         background: url(../images/lottery-bg.png) no-repeat;
//         background-size: 100%;
//         @include border-radius(50%);
//         position:relative;
//         z-index: 2;
//     }
//     .lottery-handler{
//         width: px2rem(152px);
//         height: px2rem(190px);
//         background: url(../images/lottery-handler.png) no-repeat;
//         background-size: 100%;
//         position:absolute;
//         z-index: 5;
//         left:50%;
//         top: 50%;
//         margin-left: px2rem(-76px);
//         margin-top: px2rem(-114px);
//     }

//     .tips{
//         z-index: 8;
//     }

//     .lottery-reflect{
//         background: url(../images/lottery-reflect.png) no-repeat;
//         background-size:contain;
//         width: px2rem(516px);
//         height: px2rem(44px);
//         position: absolute;
//         z-index:1;
//         left: 50%;
//         margin-left: px2rem(-258px);
//         top: px2rem(652px);
//     }
// }
// .g-tips{
//     opacity: 0;
//     display: none;
//     position: fixed;
//     z-index: 100;
//     left:50%;
//     top:px2rem(500px);
//     margin-left:px2rem(-286px);
//     margin-left:px2rem(-295px);
//     @include border-radius(16px);
//     width:px2rem(572px);
//     width:px2rem(590px);
//     max-width:100%;
//     text-align: center;
//     color: #fff;
//     padding-top: px2rem(34px);
//     padding-bottom: px2rem(34px);
//     font-size:px2rem(28px);
//     background: rgba(0,0,0,.6);
//     .amount{
//         color:#ffe11c;
//         margin-left: px2rem(22px);
//     }
// }
// .g-tips.show{
//     display: block;
//     @include animation(fadeToOut 3s ease-out);
// }
// @keyframes fadeToOut{
//     0%{
//         @include translate(0, 0);
//         opacity:0;
//     }
//     30%{
//         opacity: 1
//     }
//     70%{
//         @include translate(0, 0);
//         opacity:1;
//     }
//     100%{
//         @include translate(0, -350px);
//         opacity:0;
//     }
// }


// .gift-third{
//     margin-top: px2rem(40px);
    
//     .rank{
//         .rank-desc{
//             margin-top: px2rem(18px);
//             color: #bf4f0a;
//             li{
//                 margin-bottom: px2rem(10px);
//             }
//         }
//         .rank-panel{
//             text-align: center;
//             margin-top: px2rem(22px);
//             color: #fff;

//             $bgColor: #fd8100;
            
//             .col1{
//                 width: px2rem(70px);
//             }
//             .col2{
//                 width: px2rem(265px);
//             }
//             .col3{
//                 width: px2rem(115px);
//             }
//             .col4{
//                 width: px2rem(176px);
//             }

//             .rank-hd,
//             .list li{
//                 background: $bgColor;
//                 @include display-flex();
//                 @include flex(1);
//                 @include border-radius(10px);
//                 @include align-items(center);
//                 text-align: center;
//                 margin-top: px2rem(8px);
//             }

//             .rank-hd{
//                 line-height:px2rem(58px);
//             }
//             .list li{
//                 height: px2rem(112px);
//                 .idx{
//                     display:inline-block;
//                     vertical-align: middle;
//                     background:#ec5d1e;
//                     line-height: px2rem(40px);
//                     @include circle(40px);
//                 }
//                 a{
//                     color:#fff;
//                 }
//                 .user img{
//                     vertical-align: middle;
//                     @include circle(80px);
//                     padding: px2rem(4px);
//                 }
//                 .col2{
//                     text-align: left;
//                     img{
//                         margin-left: px2rem(10px);
//                     }
//                     span{
//                         @include text-overflow();
//                         display: inline-block;
//                         vertical-align: middle;
//                         max-width: px2rem(160px);
//                     }
//                 }
//                 .col4{
//                     @include display-flex();
//                     @include flex(1);
//                     @include align-items(center);
//                     margin: 0 px2rem(10px);
//                     /* 
//                     @include border-radius(8px);
//                     background:#eb5c1d;
//                     box-shadow: inset 0 2px 10px 0 rgba(0,0,0,0.04);
//                     height: px2rem(80px);
//                     font-size: px2rem(20px);
//                     img.min{
//                         margin: 0 px2rem(12px);
//                         width: px2rem(48px);
//                         height: px2rem(48px);
//                         display: block;
//                     }
//                     span{
//                         text-align: center
//                     }
//                      */
//                     img.pic{
//                         display: block;
//                         height:px2rem(80px);
//                         width: 100%;
//                     }
                    
//                 }
//             }
//         }
//     }
// }

// .statement{
//     color:#924f00;
//     margin: px2rem(48px) 0;
//     text-align: center;
// }






// /* dialog */
// .dialog{
//     z-index: 1000;
//     position: fixed;
//     display: none;
    
//     $footerHeight: 64px;
//     .dialog-layer{
//         background-color: #fff;
//         @include center(500px, 200px, fixed);
//         height: auto;
//         @include border-radius(16px);
//         padding-bottom: px2rem($footerHeight);
//     }
//     .dialog-bd{
//         padding: px2rem(30px) 0 px2rem(40px);
//     }
//     .dialog-overlay{
//         position: fixed;
//         left: 0;
//         right: 0;
//         top: 0;
//         bottom: 0;
//         background: rgba(0, 0, 0, .5);
//     }
//     .dialog-ft{
//         position: absolute;
//         width: 100%;
//         bottom: 0;
//         left: 0;
//         text-align: center;
//         @include display-flex();
//         @include justify-content(space-between);
//         .btn-confirm,
//         .btn-cancel{
//             height: px2rem($footerHeight);
//             text-align: center;
//             @include flex(1);
//             line-height: px2rem($footerHeight);
//             @include tap-highlight-transparent();
//             border-top: 1px solid #ddd;
//         }
//         .btn-cancel{
//             border-left: 1px solid #ddd;
//         }
//     }

    
//     &.dialog-active{
//         display: block;
//     }
// }

// .dialog-tips{
//     text-align: center;
//     padding-top: px2rem(20px);
// }




// /* 活动结束 */
// .activity-over{
//     .gift{
//         border-top: none;

//         &:before{
//             display: none
//         }
//     }
// }
// .activity-over-banner{
//     position: relative;
//     height: px2rem(680px);
//     img{
//         position: absolute;
//         left: 0;
//         top: 0;
//         width: 100%;
//     }
// }




// /* 新加 */

// .banner{
//     z-index:2;

//     .user{
//         text-align: center;
//         position: absolute;
//         z-index: 3;
//         width: 100%;
//         left: 0;
//         top: 100%;
//         font-size: px2rem(28px);
//         color:#302b03;

//         img{
//             width: px2rem(120px);
//             height: px2rem(120px);
//             border-radius:50%;
//             display: block;
//             margin: px2rem(-60px) auto 0;
//             padding: px2rem(4px);
//             background: url(../images/avatar-bg.png) no-repeat 50%;
//             background-size: contain;
//         }
//         p{
//         font-size:px2rem(28px);
// color:#302b03;
// text-align:center;
//         }
//     }
// }
// .mod{
   
//     border-radius: px2rem(16px);
//     width: px2rem(704px);
//     position: relative;
//     margin: 0 auto px2rem(10px);
//     margin-top: px2rem(442px);
// }

// .mod1{
//     z-index: 1;
   
// }

// .key{
//     @include display-flex();
//     @include justify-content(space-between);    
//     font-size:px2rem(28px);
//     color:#302b03;
//     margin: 0 px2rem(74px);
//     img{
//         margin-top: px2rem(-2px);
//         vertical-align: middle;
//         height: px2rem(32px);
//     }
//     .gold{

//     }
//     .silver{

//     }

//     .num{
//         color:#f3362a;
//     }
// }

// .btn-apply{
//     font-size: px2rem(32px);
//     color:#ffffff;
//     line-height: px2rem(110px);
//     text-align:center;
//     background: url(../images/btn-apply.png) no-repeat 50%;
//     background-size: contain;
//     height: px2rem(110px);
//     width: px2rem(526px);
//     margin: px2rem(34px) px2rem(88px) 0;

//     span{
//         font-family: MONOSPACE;
//         font-size: px2rem(40px);
//         position: relative;
//         margin-left: px2rem(6px);
//         font-weight: 700;
//     }
// }

// .arrow-more{
//     height: px2rem(34px);
//     width: px2rem(60px);
//     background: url(../images/arrow-more.png) no-repeat 50%;
//     background-size: contain;
//     margin: px2rem(20px) auto px2rem(16px);
// }

// .prices-list{
//     margin: px2rem(16px) px2rem(36px) px2rem(32px);
//     background:#fdf2c8;
//     border: px2rem(4px) solid #ffdc45;
//     border-radius: px2rem(8px);
//     position: relative;
//     padding: 0 px2rem(24px) px2rem(22px);
//     overflow: hidden;
//     ul{
//         margin-top: px2rem(32px);
//         float: left;
//         width: 50%;
//         font-size: px2rem(28px);
//         color:#301c03;

//         li{
//             padding: px2rem(4px) 0;
//         }

//         .role{
//             width: px2rem(52px);
//             max-height: px2rem(44px);
//             vertical-align: middle;
//             margin-right: px2rem(10px);
//         }
//         .key-img{
//             height: px2rem(32px);
//             vertical-align: middle;
//         }
//     }
// }
// .caption{
//     margin: 0 auto;
//     background:#ffdc45;
//     box-shadow:0 px2rem(8px) 0 0 #ffb546;
//     border-radius:0 0 px2rem(16px) px2rem(16px);
//     width: px2rem(220px);
//     line-height: px2rem(64px);
//     height: px2rem(64px);
//     font-size:px2rem(32px);
//     color:#f3362a;
//     text-align:center;
// }


// .lottery-type{
//     margin: px2rem(32px) px2rem(36px);
//     background:#d8d8d8;
//     border: px2rem(4px) solid #a54d00;
//     border-radius: px2rem(16px);
//     height: px2rem(102px);
//     overflow: hidden;
//     a{
//         float: left;
//         width: 50%;
//         height: 100%;
//         font-size:px2rem(32px);
//         color:#f3362a;
//         line-height: px2rem(102px);
//         text-align:center;
//         background:#fdf2c7;
//         box-shadow:0 px2rem(8px) 0 0 #fad6a2, inset 0 px2rem(4px) 0 0 rgba(255,255,255,0.50);
//         height:px2rem(94px);
//     }
//     a.active{
//         background:#ffdc45;
//         box-shadow:0 px2rem(16px) 0 0 #ffb244, inset 0 px2rem(4px) 0 0 rgba(255,255,255,0.50);
//     }
//     a.first-child{
//         border-radius:   px2rem(16px) 0  0  px2rem(16px);
//     }
//     a.last-child{
//         border-radius: 0  px2rem(16px)  px2rem(16px) 0;
//     }
// }
// .lottery-warp{
//     width: px2rem(660px);
//     height: px2rem(660px);
//     background-image: url(../images/lottery-bg-gold.gif);
//     background-size: px2rem(660px) px2rem(660px);
//     margin:0 auto;
//     margin-bottom: px2rem(40px);
//     overflow: hidden;
//     .gold,
//     .silver{
//         width: px2rem(635px);
//         height: px2rem(635px);
//         position: absolute;
//         top:0;
//         right: 0;
//         bottom:0;
//         left: 0;
//         margin:auto;
//         // margin-left: auto;
//         // margin-right: auto;
//         // margin-top: px2rem(10px);
//         canvas{
//             width: px2rem(635px);
//             height: px2rem(635px);
//             margin-left: auto;
//             margin-right: auto;
//         }
//     }
//     .show{
//         display: block
//     }

//     .lottery-inner{
//         position: relative;
//         z-index:3;
//         background-size: contain;
//         background-position: 50% 50%;
//         background-repeat: no-repeat;
//         canvas{
//             display: block;
//         }
//     }


//     .shadow{
//         position: absolute;
//         z-index: 1;
//         /*background: url(../images/lottery-shadow.png) no-repeat 50%;*/
//         background-size: contain;
//         height: px2rem(44px);
//         width: px2rem(516px);
//         left: 50%;
//         margin-left: px2rem(-258px);
//         bottom: px2rem(-22px);
//     }

//     .lottery-handler{
//         position: absolute;
//         top: 50%;
//         height: px2rem(190px);
//         width: px2rem(150px);
//         left: 50%;
//         z-index:5;
//         margin-top:px2rem(-95px);
//         margin-left: px2rem(-75px);
//         background: url(../images/lottery-handler-gold.png) no-repeat 50%;
//         background-size: contain;
//     }

//     .gold{
//         .lottery-inner{
//             // background-image: url(../images/lottery-bg-gold.gif);
//         }
//     }

//     .silver{
//         .lottery-inner{
//             background-image: url(../images/lottery-bg-silver.png);
//         }
//         .lottery-handler{
//             background-image: url(../images/lottery-handler-silver.png);
//         }
//     }

// }


// .mod2{
//     padding-bottom: px2rem(36px);
// }


// .lucky-scroll{
//     color: #fff;
//     overflow: hidden;
//     height: px2rem(224px);
//     margin: px2rem(30px) px2rem(32px) 0;
//     position: relative;
    
//     .scoll-inner{
//         position: absolute;
//         width: 100%;
//         left: 0;
//         top: 0; 
//         /* animation: loopScroll 10s linear infinite; */
//     }
//     .scoll-inner.move{
//         animation: loopScroll 10s linear infinite;
//     }

//     ul{
//         min-height: px2rem(144px);
//         padding: 0 px2rem(24px);
//         @include translate(0, 0px);
//         li{
//             @include text-overflow();
//             line-height: px2rem(56px);
//             background:#ffe9c8;
//             font-size:px2rem(28px);
//             color:#302b03;
//             padding: 0 px2rem(42px);
//         }
//         li:nth-child(2n){
//             background:#fff4e3;

//         }
//         .mark{
//             color:#f3362a;
//             margin: 0 px2rem(4px);
//         }
//         img{
//             vertical-align: middle;
//             height: px2rem(32px);
//         }
//     }
// }

// .rule{
//     font-size:px2rem(24px);
//     color:#302b03;
//     padding: px2rem(40px) px2rem(26px) px2rem(20px);
    
//     li{
//         padding-bottom: px2rem(16px);
//         padding-left: px2rem(60px);
//     }
//     .idx{
//         display: inline-block;
//         vertical-align: middle;
//         margin-right: px2rem(20px);
//         height: px2rem(40px);
//         line-height: px2rem(40px);
//         margin-left: px2rem(-60px);
//         text-align: center;
//         width: px2rem(40px);
//         background:#ffe9c8;
//         border-radius:px2rem(8px);
//     }
// }

// .cop{
//     font-size:px2rem(28px);
//     color: #6b6108;
//     text-align:center;
//     padding-bottom: px2rem(32px);
// }

// .modal{
//     .inner{
//         background: url(../images/modal-lottery-bg.png) no-repeat 50%;
//         background-size: contain;
//         width:px2rem(750px);
//         @include center(750px, 1000px, fixed, 100);
//         margin-top: px2rem(-600px);

//         .modal-cnt{
//             position: absolute;
//             top: px2rem(450px);
//             text-align:center;
//             width: px2rem(400px);
//             left: 50%;
//             margin-left: px2rem(-200px);

//             font-size:px2rem(36px);
//             color:#2d2d2d;
//             line-height:px2rem(48px);
//             text-align:center;
//         }
//         .pic{
//             img{
//                 display: block;
//                 width: px2rem(170px);
//                 max-height: px2rem(208px);
//                 margin: px2rem(20px) auto;
//             }
//         }
//     }
//     .modal-ft{
//         position: absolute;
//         bottom: 0;
//         width: px2rem(468px);
//         height: px2rem(102px);
//         left: 50%;
//         margin-left: px2rem(-234px);
//         background: url(../images/modal-lottery-btns.png) no-repeat 50%;
//         background-size: contain;
//         font-size:px2rem(32px);
//         color:#f3362a;
//         line-height:px2rem(40px);
//         text-align:center;
//         font-weight: 600;
//         font-family: 'Microsoft YaHei';
//         div{
//             padding-top: px2rem(8px);
//         }
//         p{
//             font-size:px2rem(20px);
//             color:#7d6a16;
//         }
//     }

//     .backdrop{
//         position: fixed;
//         left: 0;
//         right: 0;
//         bottom: 0;
//         top: 0;
//         background: rgba(0, 0, 0, .5);
//         z-index: 30;
//     }
// }

// .modal-win .inner{
//     background-image: url(../images/modal-lottery-win.png);
// }


// .btnobor{
//     position: relative;
//     width: 100%;
//     height: px2rem(545px);
//     background: url('../images/footer_bg.png') no-repeat center px2rem(-10px);
//     background-size: px2rem(750px) px2rem(556px);
//     box-sizing: border-box;
//     margin-top: px2rem(20px);
//     z-index: 2;
//     .hdsm{
//         width: 100%;
//         height: px2rem(45px);
//         i{
//           display: block;
//           float: left;
//           background-position:0 0; 
//           width: px2rem(292px);
//           height:  px2rem(45px);
//           background: url('../images/border_title.png') no-repeat;
//           background-size: px2rem(292px) px2rem(45px);
//         }
//         i.border_title_left{
//           transform:rotate(180deg);
//         }
//         i.border_title_right{
//           float: left;   
//         }
//         span{
//             float: left;
//             width: px2rem(166px);
//             height: px2rem(45px);
//             text-align: center;
//             display: inline-block;
//             font-size: px2rem(28px);
//             color: #FFDD96;
//         }
//     }
//     p{
//         line-height: px2rem(45px);
//         font-size: px2rem(24px);
//         color:rgb(255,221,150);
//         text-align: center;
//         font-family: 'Microsoft YaHei';
//     }
// }




// .hdsmwin,.hdsmwincs{
//     display: none;
//     padding: px2rem(15px); 
//     border-radius: px2rem(30px); 
//     position: fixed;
//     left: 50%;
//     top: 50%;
//     width:  px2rem(570px); 
//     height:  px2rem(770px); 
//     background:#ffd168;
//     z-index: 11111;
//     transform: translate(-50%, -50%);
//     color: #a46a0e;
//     font-size: px2rem(30px); 
//     .close{ 
//         position: absolute;
//         right: px2rem(-46px); 
//         top:  px2rem(-56px); 
//         width:  px2rem(100px); 
//         height:  px2rem(100px); 
//         background: url(../images/close.png) no-repeat left px2rem(-10px);
//         background-size: 112%;
//     }
//     .title{
//         box-sizing: border-box;
//         font-weight: bold;
//         font-size: px2rem(32px); 
//         width: 100%;
//         height: px2rem(80px); 
//         line-height: px2rem(60px); 
//         background: url(../images/title.jpg) no-repeat center bottom;
//          background-size: 100%;
//         text-align: center;
//         color: #a46a0e;
//     }
// }

// .hdsmwincs{
//     height:  px2rem(150px);
//     text-align: center;
// }

// .maskbor{
//      position: fixed;
//      z-index: 999;
     
//      left: 0;
//      top: 0;
//      right: 0;
//      bottom: 0;
//      background:rgba(0,0,0,0.6);
// }
// .disabledbor{
//      display: none;
//      position: absolute;
//      z-index: 11110;
     
//      left: 0;
//      top: 0;
//      right: 0;
//      bottom: 0;
//      background:rgba(0,0,0,0.01);
// }

// .maskbortm{
//      display: none;
//      position: fixed;
//      z-index: 11110;
     
//      left: 0;
//      top: 0;
//      right: 0;
//      bottom: 0;
//      background:rgba(0,0,0,0.01);
// }

// .zjwin{
//     box-sizing: border-box;
//     border-radius: px2rem(30px); 
//     position: absolute;
//     left: 50%;
//     top: px2rem(730px);
//     width:  px2rem(600px); 
//     height:  px2rem(470px); 
//     background: url(../images/zjl.png) no-repeat center center;
//     z-index: 11111;
//     transform: translate(-50%, -50%);
//     color: #a46a0e;
//     font-size: px2rem(30px); 
//     background-size: 100%;
//     text-align:  center;
//     .close{ 
//         position: absolute;
//         right: px2rem(20px); 
//         top:  px2rem(142px); 
//         width:  px2rem(22px); 
//         height:  px2rem(22px); 
//         background: url(../images/close.png) no-repeat;
//         background-size: px2rem(22px) px2rem(22px);
//     } 
//    .zjtitle{
//         position: absolute;
//         box-sizing: border-box;
//         top:px2rem(170px);
//         padding-right: px2rem(6px);
//         width: 100%;
//         height: px2rem(50px);
//         line-height:px2rem(50px); 
//         font-size: px2rem(40px);
//         font-weight: bold;
//         font-family: 'Microsoft YaHei';
//         color: rgb(264,59,74);
//         text-align: center;
//     }
//     .footer_information{
//         bottom: px2rem(60px); 
//         p{
//             line-height: px2rem(28px);
//             font-size: px2rem(20px);
//             color:rgb(170,170,170);
//         }
//     }
//     .information{
//         position: absolute;
//         width: 100%;
//         left: 0;
//         text-align: center;
//     }
//     .zj_information{
//         height: px2rem(30px);
//         line-height: px2rem(30px);
//         top: px2rem(250px); 
//         color: rgb(246,59,74);

//     }
// }




// .popup_over{
//     box-sizing: border-box;
//     // display: none;
//     border-radius: px2rem(30px); 
//     position: absolute;
//     left: 50%;
//     top: px2rem(710px);
//     width:  px2rem(600px); 
//     height:  px2rem(410px); 
//     background: url(../images/popup_over.png) no-repeat center center;
//     z-index: 11111;
//     transform: translate(-50%, -50%);
//     color: #a46a0e;
//     font-size: px2rem(30px); 
//     background-size: px2rem(600px) px2rem(410px);
//     text-align:  center;
//     .close{ 
//         position: absolute;
//         right: px2rem(20px); 
//         top:  px2rem(142px); 
//         width:  px2rem(22px); 
//         height:  px2rem(22px); 
//         background: url(../images/close.png) no-repeat;
//         background-size: px2rem(22px) px2rem(22px);
//     } 
//    .zjtitle{
//         position: absolute;
//         box-sizing: border-box;
//         top:px2rem(190px);
//         padding-right: px2rem(6px);
//         width: 100%;
//         height: px2rem(50px);
//         line-height:px2rem(50px); 
//         font-size: px2rem(40px);
//         font-weight: bold;
//         font-family: 'Microsoft YaHei';
//         color: rgb(20,91,11);
//         text-align: center;
//     }
//     .footer_information{
//         display: none;   
//         bottom: px2rem(60px); 
//         p{
//             line-height: px2rem(25px);
//             font-size: px2rem(20px);
//             color:rgb(170,170,170);
//         }
//     }
//     .information{
//         position: absolute;
//         width: 100%;
//         left: 0;
//         text-align: center;
//     }
//     .zj_information{
//         height: px2rem(30px);
//         line-height: px2rem(30px);
//         top: px2rem(280px); 
//         color: rgb(20,91,11);
//     }
// }



// .myjp{
//     display: none;
//     position: fixed;
//     z-index: 11111;
//     left: 0;
//     top: 0;
//     right: 0;
//     bottom: 0;
//     background:#fff;
//     padding: px2rem(30px); 
//     overflow: hidden;
//     overflow-y: auto;
//     box-sizing: border-box;
//     li{
//         position: relative;
//         padding: px2rem(20px) 0; 
//         float: left;
//         width: 100%;
//         border-top:1px solid #f1f1f1;
//         .left{
//             width: px2rem(210px);
//             height: px2rem(134px);
//             position: relative;
//             float: left;
//             background: #ffce39;
//             .gqtips{
//                 position: absolute;
//                 left: 0;
//                 top: 0;
//                 width: px2rem(70px);
//                 height: px2rem(70px);
//                 background: url(../images/gq.png) no-repeat 0 0;
//                 background-size: 100%;
//                 z-index: 12;
//             }
//             img{
//                 float: left;
//                 width: px2rem(210px);
//                 height: px2rem(134px);
//             }
//         }
//         .right{
//            padding-left: px2rem(20px);
//            line-height:  px2rem(46px);
//            float: left;
//            width: px2rem(400px);
//            .title{
//               font-size: px2rem(36px);
//            }
//            .date{
//               font-size: px2rem(32px);
//            }
//         }
//         .jt{
//             position: absolute;
//             right: 0;
//             top: 50%;
//             margin-top: px2rem(-20px);
//             width: px2rem(40px);
//             height: px2rem(40px);
//             background: url(../images/jt.png) no-repeat;
//             background-size: contain;
//         }
//     }
// }